﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="listStyle.aspx.cs" Inherits="web.listStyle" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <script src="javascript/jquery-1.4.2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function(){
          
            $("tr:even").addClass("odd");
            $("tr:odd").addClass("even");
            
        });
     </script>
     <style type="text/css">
        .table
        {
        	border-top:#d6d6d6 solid 1px;border-left:#d6d6d6 solid 1px;border-right:#d6d6d6 solid 1px;
        }
         .table thead tr
        {
        	background:url(images/tableTitleBg.png); height:30px;
        }
         .table td
        {
        	text-align:center;
        }
        .odd{background:url(images/tbodyTrOdd.png); height:31px;}
        .even{ background:url(images/tbodyTrEven.png);  height:31px;}
     </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table style="width: 100%;" class="table" cellpadding="0" cellspacing="0">
            <thead>
                <tr>
                    <td>
                        &t3h
                    </td>
                    <td>
                        &th3
                    </td>
                    <td>
                        &th333
                    </td>
                </tr>
            </thead>
            <tbody>                
                <tr>
                    <td>
                        &nb3sp;3
                    </td>
                    <td>
                        &n3bsp;3
                    </td>
                    <td>
                        &nb3sp;33
                    </td>
                </tr>
                <tr>
                    <td>
                        &nbs3p;33
                    </td>
                    <td>
                        &n3bsp;33
                    </td>
                    <td>
                        &nbs3p;333
                    </td>
                </tr>
                <tr>
                    <td>
                        &nb3sp;3
                    </td>
                    <td>
                        &nb3sp;3
                    </td>
                    <td>
                        &nb3sp;3
                    </td>
                </tr>
                <tr>
                    <td>
                        &n3bsp;3
                    </td>
                    <td>
                        &nbs3p;3
                    </td>
                    <td>
                        &nb3sp;3
                    </td>
                </tr>
             </tbody>
        </table>
    </div>
    </form>
</body>
</html>
